<!DOCTYPE HTML>
<!--
	Minimaxing 1.0 by nodethirtythree + FCT
	http://nodethirtythree.com | @nodethirtythree
	Released under the Creative Commons Attribution 3.0 license (nodethirtythree.com/license)
-->
<html>
	<head>
		<title>Minimaxing by FCT</title>
		<meta http-equiv="content-type" content="text/html; charset=utf-8" />
		<meta name="description" content="" />
		<meta name="keywords" content="" />
		<!--5grid--><script src="css/5grid/viewport.js"></script><!--[if lt IE 9]><script src="css/5grid/ie.js"></script><![endif]--><link rel="stylesheet" href="css/5grid/core.css" />
		<script src="js/functions.js"></script>
		<link rel="stylesheet" href="css/style.css" />
		<!--[if IE 9]><link rel="stylesheet" href="css/style-ie9.css" /><![endif]-->
	</head>
	<body>
		<!-- ********************************************************* -->
		<div id="header-wrapper">
			<div class="5grid">
				<div class="12u-first">
					<header id="header">
						<nav>
							<a href="index.html">Home</a>
							<a href="acerca.html">Acerca de Nosotros</a>
							<a href="productos.html">Productos</a>
							<a href="galeria.html">Galer&iacute;a</a>
							<a href="contacto.php" class="current-page-item">Contacto</a>
						</nav>
					</header>
				</div>
			</div>
		</div>
		<div id="main">
			<div class="5grid">
				<div class="main-row">
					<div class="6u">
						<form name="formContacto" id="formContacto" action="contacto.php" method="post">
							<span id="spanCorreoExito" style="visibility: hidden;"><h0 class="mensajeExito">El correo se ha enviado exitosamente.</h0></span>
							<span id="spanCorreoError" style="visibility: hidden;"><h0 class="mensajeError">Ocurri&oacute; alg&uacute;n error al enviar el correo.</h0></span>
							<br><br>
							<h2>Contacto</h2>
							<br>
							<h1>Nombre completo</h1>
							<input name="nombre" id="nombre" type="text" class="caja-texto"/>
							<span id="spanNombre" style="visibility: hidden;"><h0 class="mensajeError">El nombre completo es requerido</h0></span>
							<br>
							<br>
							<h1>Correo Electr&oacute;nico</h1>
							<input name="email" id="email" type="text" class="caja-texto"/>
							<span id="spanEmail" style="visibility: hidden;"><h0 class="mensajeError">El correo electr&oacute;nico es requerido</h0></span>
							<br>
							<br>
							<h1>Tel&eacute;fono</h1>
							<input name="telefono" id="telefono" type="text" class="caja-texto"/>
							<span id="spanTelefono" style="visibility: hidden;"><h0 class="mensajeError">El tel&eacute;fono es requerido</h0></span>
							<br>
							<br>
							<h1>Mensaje</h1>
							<textarea name="mensaje" id="mensaje" class="area-texto"></textarea>
							<br><span id="spanMensaje" style="visibility: hidden;"><h0 class="mensajeError">El mensaje es requerido</h0></span>
							<br>
							<br>
							<input type="button" class="button" onclick="javascript:limpiar();" value="Limpiar" />&nbsp;<input type="button" class="button" onclick="javascript:hacerSubmit();" value="Enviar" />
						</form>
					</div>
					<div class="3u">

						<section>
							<br><br>
							<h2>Ubicaci&oacute;n</h2>
							<ul class="small-image-list">
								<li>
									<p>
										&Oacute;rgano de la Congregaci&oacute;n #9
										<br>Mariano de las Casas C.P. 76037
										<br><br>Tel&eacute;fonos:
										<br>(442) 215 14 92
										<br>(442) 215 09 39
									</p>
								</li>
								<li>
									<a target="blank" href="http://maps.google.com/?ll=20.579526,-100.401624&spn=0.00089,0.001635&t=h&z=20&layer=c&cbll=20.579569,-100.40154&panoid=N0jKnZj1M0gxRqUOw1zEWw&cbp=12,323.73,,0,6.05" class="button">
										Google Maps
									</a>
								</li>
							</ul>
						</section>

					</div>
				</div>
			</div>
		</div>
		<div id="footer-wrapper">
			<div class="5grid">
				<div class="12u-first">
					<div id="copyright">
						<a target="blank" href="http://www.facebook.com/pages/Partes-y-Equipos-de-Quer%C3%A9taro-SA-de-CV/288767124475882"><img src="css/images/facebook.png" /></a>
						<br><br>
						2013. Desarrollo Web por <a href="https://facebook.com/DonaUgalde">Donaciano Ugalde</a>
					</div>
				</div>
			</div>
		</div>
	</body>
	<?php
		if (isset($_POST['email']) && isset($_POST['nombre']) && isset($_POST['telefono']) && isset($_POST['mensaje'])) {
			$email = $_POST['email'];
			$nombre = $_POST['nombre'];
			$telefono = $_POST['telefono'];
			$mensaje = $_POST['mensaje'];
			require('lib/class.phpmailer.php');
			require('lib/class.smtp.php');
			$email = $_POST['email'];
			$nombre = $_POST['nombre'];
			$telefono = $_POST['telefono'];
			$mensaje = $_POST['mensaje'];
			$mail = new PHPMailer();
			$body = '<!DOCTYPE HTML>';
			$body.= '<html>';
			$body.= '<head>';
			$body.= '<meta http-equiv="content-type" content="text/html; charset=utf-8" />';
			$body.= '</head>';
			$body.= '<body>';
			$body.= '<header>';
			$body.= '<h1>Contacto</h1>';
			$body.= '<h3>La persona <strong>'.$nombre.'</strong> ha intentado contactarlo.</h3>';
			$body.= '<img src="img001.png"/>';
			$body.= '</header>';
			$body.= '</body>';
			$body.= '</html>';
			$mail->IsSMTP();
			$attachment = file_get_contents('attachment.zip');
 			$encoded = base64_encode($attachment);
 			$attached = chunk_split($encoded);
			$inline = chunk_split(base64_encode(file_get_contents('css/images/img001.png')));
			$mail->Host = 'smtp.gmail.com';
			$mail->From = 'dona.ugalde@gmail.com';
			$mail->FromName = 'Donaciano Ugalde';
			$mail->Subject = 'Contacto '.$nombre.' - '.$email;
			$mail->MsgHTML($body);
			$mail->AddAddress('dona.ugalde@hotmail.com', 'dona.ugalde@hotmail.com');
			$mail->SMTPAuth = true;
			$mail->Username = 'dona.ugalde@gmail.com';
			$mail->Password = '8532Kapi$hi12';
			if(!$mail->Send()) {
				echo "<script>mostrarMensajeCorreo(false);</script>";
			} else {
				echo "<script>mostrarMensajeCorreo(true);</script>";
			}
		}
	?>
</html>